<!-- begin #page-container -->
<div id="page-container" class="fade in page-sidebar-fixed page-header-fixed">

	<!--加载顶部菜单栏-->
	{include file="public/top_menu"/}

	<!--加载左侧菜单-->
	{include file="public/left_menu"/}

	<!-- 主体内容区域 START -->
	<div id="content" class="content">
		<!-- begin breadcrumb -->
		<ol class="breadcrumb pull-right">
			{foreach $crumbs as $v}
			{if $v['item']}
			<li class="active">{$v['name']}</li>
			{else/}
			<li><a href="{$v['url']}">{$v['name']}</a></li>
			{/if}
			{/foreach}
		</ol>
		<!-- end breadcrumb -->
		<!-- begin page-header -->
		<h1 class="page-header">个人信息</h1>
		<!-- end page-header -->

		<!-- begin row -->
		<div class="row">
			<!-- begin col-6 -->
			<div class="col-md-12">
				<ul class="nav nav-tabs">
					<li class="active"><a href="1.html#default-tab-1" data-toggle="tab">修改信息</a></li>
					<li class=""><a href="2.html#default-tab-2" data-toggle="tab">修改密码</a></li>
					<li class=""><a href="3.html#default-tab-3" data-toggle="tab">修改头像</a></li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane fade active in" id="default-tab-1">
						<!-- begin panel -->
						<div class="panel panel-inverse" data-sortable-id="form-stuff-1">
							<div class="panel-heading">
								<div class="panel-heading-btn">
									<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
									<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-repeat"></i></a>
									<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
									<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove" data-original-title="" title=""><i class="fa fa-times"></i></a>
								</div>
								<h4 class="panel-title">修改信息</h4>
							</div>
							<div class="panel-body">
								<form class="form-horizontal">
									<div class="form-group">
										<label class="col-md-3 control-label">昵称</label>
										<div class="col-md-3">
											<input type="text" class="form-control" placeholder="输入昵称" v-model="nickname">
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-3 control-label">邮箱</label>
										<div class="col-md-3">
											<input type="text" class="form-control" placeholder="输入邮箱" v-model="email">
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-3 control-label">性别</label>
										<div class="col-md-3">
											<select multiple="" class="form-control" v-model="sex">
												<option value="男" selected="selected">男</option>
												<option value="女">女</option>
											</select>
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-3 control-label">个性签名</label>
										<div class="col-md-3">
											<textarea class="form-control" placeholder="个性签名" rows="5" v-model="signature"></textarea>
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-3 control-label"></label>
										<div class="col-md-3">
											<button type="submit" class="btn btn-sm btn-success" @click.prevent="sub_info">提 交</button>
										</div>
									</div>
								</form>
							</div>
						</div>
						<!-- end panel -->
					</div>
					<div class="tab-pane fade" id="default-tab-2">
						<!-- begin panel -->
						<div class="panel panel-inverse" data-sortable-id="form-stuff-1">
							<div class="panel-heading">
								<div class="panel-heading-btn">
									<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
									<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-repeat"></i></a>
									<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
									<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove" data-original-title="" title=""><i class="fa fa-times"></i></a>
								</div>
								<h4 class="panel-title">修改密码</h4>
							</div>
							<div class="panel-body">
								<form class="form-horizontal">
									<div class="form-group">
										<label class="col-md-3 control-label">旧密码</label>
										<div class="col-md-3">
											<input type="password" class="form-control" placeholder="输入旧密码" v-model="old_password">
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-3 control-label">新密码</label>
										<div class="col-md-3">
											<input type="password" class="form-control" placeholder="输入新密码" v-model="new_password">
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-3 control-label">确认密码</label>
										<div class="col-md-3">
											<input type="password" class="form-control" placeholder="输入确认密码" v-model="repassword">
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-3 control-label"></label>
										<div class="col-md-9">
											<button type="submit" class="btn btn-sm btn-success" @click.prevent="sub_edit_pass">确认修改</button>
										</div>
									</div>
								</form>
							</div>
						</div>
						<!-- end panel -->
					</div>
					<div class="tab-pane fade" id="default-tab-3">
						<ul class="result-list">
							<li style="box-shadow:none;">
								<div class="result-image">
									<a href="javascript:;"><img src="" id="img-src" type="0"></a>
									<input type="hidden" value="" id="hide_img">
								</div>
								<div style="padding-top: 75px;">
									<button class="layui-btn layui-btn-primary" @click="rm_img"><i class="layui-icon"></i>移除</button>
									<input type="file" name="up_face" class="layui-upload-file" id="up-face">
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- end col-6 -->

		</div>
		<!-- end row -->
	</div>
	<!-- 主体内容区域 END -->

	<!-- 回到顶部 按钮 STATR-->
	<a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
	<!-- 回到顶部 按钮 END -->
</div>
<!-- end page container -->
